var table = layui.table
	,layer = layui.layer;
var currPage = 1;
$(function(){
	loadTable();
	//定时刷新
	setInterval(function(){
		$(".layui-icon-refresh").click()
	},10000);
})

var loadTable = function userTables(){
					table.render({
						elem: '#serverInfoTable'
						, id: 'serverInfoTable'
						, height: 'full-150'
						, url: access_url+'/serverlisten/querylistenedserver' //数据接口
						, method:'post'
						,where: {//设定异步数据接口的额外参数
							server_name : $('#server_name').val()
						}
						,request: {
							pageName: 'pageNum' //页码的参数名称，默认：page
							,limitName: 'pageSize' //每页数据量的参数名，默认：limit
						}
						,response: {
							statusCode: 200 //成功的状态码，默认：0
		                }
						, page: {//开启分页
							layout: ['prev', 'page', 'next', 'skip', 'count' ,'limit','refresh'] //自定义分页布局
							,groups: 4 //只显示 4 个连续页码
							, prev:"上一页"
							, next:"下一页"
							, first : true
							, last : true
							, loading : false
						}
						, done: function(res,curr,count){
							currPage = curr;
						}
//						, skin: 'line' //边框风格
						, limit: 10 //每页默认显示的数量
						, cols: [[ //表头
							{field: 'id', title: '序号',unresize:true,type:'numbers',width:50},
		                  
		                    {
		                        field: 'server_name',
		                        title: '服务名称',
		                        align: 'center'
		                    },
		                    {
		                        field: 'server_ip',
		                        title: '服务地址',
		                        align: 'center'
		                    },
		                    {
		                        field: 'server_port',
		                        title: '端口',
		                        width: '7%',
		                        align: 'center'
		                    },
		                    {
		                        field: 'statuDesc',
		                        title: '服务状态',
		                        align: 'center',
		                        templet : function(d){
		                        	var statuDesc = d.statuDesc
		        	        		if(d.server_status==0){
		        	        			statuDesc = '<font color="red">' + statuDesc + '</font>'
		        	        		}
		        	        		if(d.server_status==1){
		        	        			statuDesc = '<font color="green">' + statuDesc + '</font>'
		        	        		}
		        	        		return statuDesc
		        	        	}
		                    },
		                    {
		                    	field: 'resp_time',
		                    	title: '响应时间（ms）',
		                        align: 'center'
		                    },
		                    {
		                    	field: 'connect_out_time',
		                    	title: '设定超时时间（ms）',
		                    	align: 'center'
		                    },
		                    {
		                    	field: 'net_region',
		                    	title: '网络域',
		                    	align: 'center'
		                    },
							{field: '', title: '操作',width : '12%',unresize:true,align: 'center',toolbar: '#operate'}
						]]
						,parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
		                    console.log("parseData->res",res);
		                    return {
		                      "code": res.code, //解析接口状态
		                      "msg": res.msg, //解析提示文本
		                      "count": res.retdata.total, //解析数据长度
		                      "data": res.retdata.pageData //解析数据列表
		                    };
		                }
					});
					
					table.on('tool(dataTable)',function(obj){
						var data = obj.data;
						var layEvent = obj.event;
						var key_id = data.key_id
						if('update'==layEvent) {
							layer.open({
								type : 2
								,title : '修改被监听服务属性'
								,area : ['480px','460px']
								,offset : '50px'
								,fixed : false
								,content : 'addOrUpdateServer.html?operation=update'
								,resize : false
								,success: function (layero, index) {
				                    // 获取子页面的iframe
				                    var iframe = window['layui-layer-iframe' + index];
				                    // 向子页面的全局函数child传参
				                    iframe.transmitParam(data);
				                }
							})
						} else if ('del'==layEvent) {
							layer.confirm('确定放弃对此服务的监听?',{icon:3,title:'提示'},function(index){
								layer.load(2);
								$.ajax({
									type : 'get'
								    ,dataType : 'json'
								    ,url : access_url+'/serverlisten/deleteserver'
								    ,data : {
								    	key_id : key_id
								    }
									,success : function(data){
										layer.closeAll('loading');
										if(data.code != 200){
											layer.msg(data.msg, {icon: 5});
											return;
										}
										layer.alert(data.msg,{icon:6});
										loadTable();
									}
								})
							})
						} else if ('seeReport'==layEvent) {
							layer.open({
								type : 2
								,title : '服务报告'
								,area : ['500px','520px']
								,offset : '50px'
								,fixed : false
								,content : 'serverReport.html'
								,resize : false
								,success: function (layero, index) {
				                    // 获取子页面的iframe
				                    var iframe = window['layui-layer-iframe' + index];
				                    // 向子页面的全局函数child传参
				                    iframe.transmitParam(key_id);
				                }
							})
						}
					})
				}

$('#add-quartzjob').click(function(){
	layer.open({
		type : 2
		,title : '添加监听服务'
		,area : ['480px','460px']
		,offset : '50px'
		,fixed : false
		,content : 'addOrUpdateServer.html?operation=add'
		,resize : false
	})
})

$('#queryInfo').click(function(){
	loadTable();
})

function reloadTable(){
	table.reload('serverInfoTable',{
		url: access_url+'/serverlisten/querylistenedserver'
		,page: {
		    curr: currPage,//currPage是全局变量，后面会给出它在哪里定义以及赋值
		}
	})
}